草庐IT

Web 应用

全部标签

javascript - AngularJS 以互斥方式将类应用于多个按钮

我是AngularJS的新手,具有jQuery背景,并且仍在尝试进入Angular思维。我有几个button,例如:btn1btn2...btnN使用jQuery来实现我的目标,即一次只有一个button有activeclass,我会做jQuery$(".btn").on('click',function(){$(this).siblings().removeClass('active').end().addClass('active');});CSS.active{...}但我没有找到在Angular中执行此操作的通用方法。我找到了3个按钮的解决方案,但它变得粗鲁,尤其是当我的应用程

javascript - 使用 javascript 在 Web 浏览器中解压 csv 文件

我想从网络服务器下载gzip压缩的csv文件,然后在浏览器中解压缩。到目前为止,我已尝试使用pako和zlib将文件压缩到我的服务器上,但遇到了各种问题。尝试解压缩unix-gzipped文件时,我不断收到不正确的header消息。接下来,我尝试使用节点在服务器上压缩文件,但目前出现此错误UncaughtError:invalidfilesignature:,�这是我用来获取文件的命令:$.ajax({type:"GET",url:'public/pols_zlib.csv.gz'}).done(function(d){vargunzip=newZlib.Gunzip(d);plain

javascript - 在 Shiny 的应用程序中动态选择多个选项卡

我有一个包含多个维度的大型数据集。我正在创建一个数据浏览器,我相信如果可以通过多个选项卡而不是从非常长的侧边栏选择数据,它将更加用户友好。我一直在用一个最小的工作示例(如下)来研究这个概念,但是当我单击“查看绘图”按钮时,我无法切换到“绘图”选项卡。一旦我单击“绘图”选项卡,react性就会起作用,但当我更新某些选择(例如簇数)时它不会react。library(shiny)runApp(list(ui=shinyUI(fluidPage(headerPanel('Irisk-meansclustering'),mainPanel(tabsetPanel(type="tabs",tab

javascript - Web Worker 开销指标

我正在做一个可能需要多个webworker的项目,我需要知道同时运行多个webworker是否负担得起(比如超过4或8个worker)以及两个cpu的成本是多少和ram启动它们并让它们挥之不去。我一直在谷歌上搜索,但我没有找到关于他们的CPU和内存开销的任何指标。我找到了一些性能基准,但这不是我感兴趣的。任何人都可以指出至少给出近似值的规范或研究吗?我至少需要有一些大概的值来处理,而不是仅仅假设我从ProcessExplorer中看到的任何内容都是准确或可靠的。编辑-似乎人们的印象是错误的。我不是寻求有关如何解决问题的建议,而是寻求有关网络worker开销的技术信息来源(如果存在)。

javascript - TypeError : d[h]. 应用不是函数

不确定我在这里做错了什么。基本上只是设置路由以在页面加载css动画时显示gif。gif出现了,但一切都消失了,gif停留在页面上,我在控制台中收到“TypeError:d[h].applyisnotafunction”错误。任何帮助表示赞赏。这是代码:HTML:OpenWeatherMapAppHomeNewYorkDallasChicagoUnsupportedcityCSS:body,html{position:relative;min-height:100%;}.loading{position:relative;height:100%;}.loading:before{posi

javascript - 如何在 Web Audio API 中正确取消当前更改的 AudioParam

我正在尝试实现可以​​在任何给定时刻重新启动的音量包络,即使它已经处于参数移动的中间但我无法弄清楚如何在不点击结果音频的情况下执行此操作(关于它们发生的时间似乎有些不规则)。这可能吗?我看到AudioParam.cancelScheduledValues()“取消了对AudioParam的所有计划的future更改”,但我不确定当前正在进行的更改会发生什么。这是我用来启动/重新启动音量包络的代码。varnow=context.currentTime;varcurrentVol=gain.gain.value;gain.gain.cancelScheduledValues(now);ga

javascript - 路由、通用应用程序(Nodejs、React)、错误(0、_reactRouter.match)不是函数

我无法修复这个错误...我启动服务器,一切正常,因为我刷新localhost:3000然后它告诉我一个错误:TypeError:(0,_reactRouter.match)不是函数我已经安装了“react-router”:“^4.0.0”importExpressfrom'express';import{RouterContext,match}from'react-router';import{renderToString}from'react-dom/server';importReactfrom'react';importroutesfrom'./routes.js'varapp=

javascript - 为什么在 web 和 nodejs 上运行 JavaScript 会有不同的输出?

这个问题在这里已经有了答案:Meaningof"this"innode.jsmodulesandfunctions(4个答案)关闭5年前。我已将我的Node.Js更新为7.6.0版,另一方面运行googlechrome57.0版。当我运行这段javascript代码时,我得到如下两个不同的结果:'usestrict'varobj={id:"awesome",cool:functioncoolFn(){console.log(this.id);}};varid="notawesome";obj.cool();//awsomesetTimeout(obj.cool,100);chrome上

javascript - 如何将 Web Midi API 连接到 native 应用程序(如 Ableton live)

[如果有更好的地方可以问这个问题,请告诉我!]注意:我使用的是Mac。我已经使用WebMIDIAPI成功地将MIDI键盘连接到我的浏览器(Chrome)。我想知道我是否也可以连接应用程序(如AbletonLive),以便当Ableton输出MIDI消息时,浏览器可以接收这些消息?我看到的选项:将Midi从Ableton发送到我的MIDI键盘,后者将它们转发到WebMIDIAPI(任何人都可以阐明如何设置它吗?)使用MacOS中的IAC(应用程序间通信)驱动程序,“可以这么说,允许您在盒子内的应用程序之间创建虚拟MIDI电缆。”我不知道如何设置它,因为“webmidiapi”没有出现在M

javascript - 混合构造函数并在 Javascript 代理对象上应用陷阱

我有一个类,我想对其应用代理,观察方法调用和构造函数调用:计算器.jsclassCalc{constructor(){}add(a,b){returna+b;}minus(a,b){returna-b;}}module.exports=Calc;index.jsconstCalculator=require('./src/Calculator');constCalculatorLogger={construct:function(target,args,newTarget){console.log('Objectinstantiated');returnnewtarget(...arg